$--white: #ffffff;
$--black: #3F3F3F;
$--grey: #EBEBEB;
$--gray: #999999;
$--dark: #1a1a1a;
$--light: #f4f4f4;
$--blue: #6388fb;
$--red: #f74c31;
$--light-blue: #9EB9FD;
$--bg-color: #F8F8F8;

/* 颜色变量 */

page {
		// font-family: PingFangSC-Regular, PingFang SC;
		// height: 100%;


		background: #F9F9F9;
		padding-bottom: 120rpx;
	}
$top:86rpx;
//页面背景颜色
$base-page-bk:#f6f9fb;
$spacingL: 32rpx;
$base-color:#4373F6;
/*
  ColorUi for uniApp  v2.1.6 | by 文晓港 2019-05-31 10:44:24
  仅供学习交流，如作它用所承受的法律责任一概与作者无关  
  
  *使用ColorUi开发扩展与插件时，请注明基于ColorUi开发 
  
*/

/* ==================
        初始化
 ==================== */
// body {
// 	background-color: #f1f1f1;
// 	font-size: 28upx;
// 	color: #333333;
// 	font-family: Helvetica Neue, Helvetica, sans-serif;
// }





.flex-row-flex-start {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	.flex-row-flex-start1 {
		display: flex;
		flex-direction: row;
		// align-items: center;
		justify-content: flex-start;
	}

	.flex-row-center {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.flex-column-center {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.flex-column-center1 {
		display: flex;
		flex-direction: column;
		// align-items: center;
		justify-content: center;
	}

	.flex-column-flex-start {
		display: flex;
		flex-direction: column;
		// align-items: center; 
		justify-content: flex-start;
	}
	.flex-column-flex-start1 {
		display: flex;
		flex-direction: column;
	align-items: center; 
		justify-content: flex-start;
	}

	.flex-row-space-between {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.flex-row-space-between1 {
		display: flex;
		flex-direction: row;
		// align-items: center;
		justify-content: space-between;
	}
	.flex-row-space-around {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
	}
//平均分配
	.flex-column-space-evenly {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items: center;
		// justify-content: space-around;
	}

	.flex-column-space-between {
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		justify-content: space-between;
	}

	.flex-row-flex-end {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
	}
	.flex-row-flex-end2 {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: flex-end;
	}
	

	.flex-column-flex-end {
		display: flex;
		flex-direction: column;
		vertical-align: center;
		justify-content: flex-end;
	}


	.display-flex {
		display: flex;
	}

	.flex-direction-row {
		flex-direction: row;
	}

	.flex-direction-column {
		flex-direction: column;
	}

	.justify-content-flex-start {
		justify-content: flex-start;
	}

	.justify-content-center {
		justify-content: center;
	}

	.align-items-flex-start {
		align-items: flex-start;
	}

	.align-items-center {
		align-items: center;
	}

	.justify-content-space-between {
		justify-content: space-between;
	}

	.justify-content-flex-end {
		justify-content: flex-end;
	}

	.vertical-align-center {
		vertical-align: center;
	}

	.BGImage {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.flex1 {
		flex: 1
	}
	// .line{
	// 	width: 100%;
	// 	height: 2rpx;
	// 	background-color:  #C5C8FE ;
	// }
	.rightArrow{
		width: 11rpx; height: 19rpx;
	}
	.flex-wrap{
		flex-wrap:wrap;
	}
/* 其他 */
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.fixed{
	position: fixed;
}
.fixed-top{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
.fixed-bottom{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
.block{
	display: block;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.autowrap {
  word-wrap: break-word;
  word-break: normal;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.bold {
  font-weight: 700;
}
.over-hidden {
  overflow: hidden;
}